<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="./images/login/favicon.ico" />
    <link rel="stylesheet" href="./css/vivo/iconfont.css">
    <link rel="stylesheet" href="./css/css.css">
    <link rel="stylesheet" href="./css/home.css">
    <title>vivo智能手机官方网站</title>
</head>

<body>
    <!-- 开头导航栏部分 -->
    <div class="navigation-top">
        <!-- 开头导航栏版心 -->
        <div class="navigation-center">
            <ul class="navigation-bar">
                <a href="">
                    <li>品牌</li>
                </a>
                <a href="">
                    <li>OriginOS</li>
                </a>
                <a href="">
                    <li>体验店</li>
                </a>
                <a href="">
                    <li>企业业务</li>
                </a>
                <a href="">
                    <li>社区</li>
                </a>
                <a href="">
                    <!-- 鼠标移入这个出现弹窗 -->
                    <li><span class="iconfont APP">&#xe617;&nbsp;&nbsp;APP下载</span></li>
                </a>
                <!-- 弹窗 -->
                <div class="popUp">
                    <div class="triangle"></div>
                    <img src="./images/login/qr code.png" alt="">
                    <p>扫描下载vivio官方APP</p>
                </div>
                <a href="cart.html">
                    <li>购物车</li>
                </a>
                <a href="">
                    <li class="personal">个人中心</li>
                </a>
                <!-- 个人中心的弹窗 -->
                <div class="popUp2">
                    <div class="triangle2"></div>
                    <div><a href="./login.html">登录</a></div>
                    <p><a href="./register.html">注册</a></p>
                </div>
            </ul>
        </div>
    </div>
    <!-- 导航栏链接部分 -->
    <div class="navigation-button">
        <a href="">
            <b class="iconfont">&#xe69a;</b>
        </a>
        <ul class="navigation-button-cenent">
            <a href="">
                <li>NEX系列</li>
            </a>
            <a href="">
                <li>X系列</li>
            </a>
            <a href="">
                <li>S系列</li>
            </a>
            <a href="">
                <li>Y系列</li>
            </a>
            <a href="">
                <li>iQOO手机</li>
            </a>
            <a href="">
                <li>智能硬件</li>
            </a>
            <a href="">
                <li>商城</li>
            </a>
            <a href="">
                <li>服务</li>
            </a>
        </ul>
        <div class="iconfont">
            &#xe632;
        </div>
    </div>
    <div class="drop-box"></div>
    <!-- 广告栏部分 -->
    <div class="banner">
        <!-- 广告栏版心部分 -->
        <div class="banner-center">
            <ul class="bigbox">
                <li><img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/20210401/2021040110100291748_original.jpg" ></li>
                <li><img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/20210322/20210322102937701853_original.jpg" ></li>
                <li><img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/20210416/20210416142728249673_original.png" ></li>
                <li><img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/20210401/2021040110100291748_original.jpg" ></li>
                <li><img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/20210322/20210322102937701853_original.jpg" ></li>
            </ul>
            <!-- 左右箭头 -->
            <a href="javascript:;" class="leftBtn">&lt;</a>
            <a href="javascript:;" class="rightBtn">&gt;</a>
            <!-- 左边菜单部分 -->
            <div class="category">
                <ol>
                    <li><a href="list.html">手机<span class="iconfont">&#xe7e6;</span></a></li>
                    <li><a href="">手机充电<span class="iconfont">&#xe7e6;</span></a></li>
                    <li><a href="">手机配件<span class="iconfont">&#xe7e6;</span></a></li>
                    <li><a href="">音乐设备<span class="iconfont">&#xe7e6;</span></a></li>
                    <li><a href="">智能硬件<span class="iconfont">&#xe7e6;</span></a></li>
                    <li><a href="">游戏摄影<span class="iconfont">&#xe7e6;</span></a></li>
                    <li><a href="">日用出行<span class="iconfont">&#xe7e6;</span></a></li>

                </ol>
            </div>
            <!-- 二级菜单 -->
            <div class="menu">
                <div class="menu-centre">
                    <span>手机</span>
                    <a href="" class="iconfont">全部手机&#xe7e6;</a>
                    <ul class="menu-body">
                        <li><a href="">vivo NEX</a></li>
                        <li><a href="">vivo NEX</a></li>
                        <li><a href="">vivo NEX</a></li>
                        <li><a href="">vivo NEX</a></li>
                        <li><a href="">vivo NEX</a></li>
                        <li><a href="">vivo NEX</a></li>
                        <li><a href="">vivo NEX</a></li>
                        <li><a href="">vivo NEX</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- 主体开头第一块区域 -->
    <ul class="body-top">
        <a href="">
            <li><img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/20201009/20201009113301272241_original.jpg"
                    alt=""></li>
        </a>
        <a href="">
            <li><img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/20201009/2020100911330780357_original.jpg"
                    alt=""></li>
        </a>
        <a href="">
            <li><img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/20201009/20201009113313982828_original.jpg"
                    alt=""></li>
        </a>
    </ul>
    <!-- 限时秒杀标题 -->
    <div class="subject-top">
        <img src="https://shopstatic.vivo.com.cn/vivoshop/spaweb/static/img/img-vbuy.9024e707.png" alt="">
        <b>
            <span>距离结束时间</span>
            <em></em>
            <span>时</span>
            <em></em>
            <span>分</span>
            <em></em>
            <span>秒</span>
            <a href="">更多场次<span class="iconfont ">&#xe7e6;</span></a>
        </b>
    </div>
    <!-- 限时秒杀 -->
    <div class="box-top">
        <div>
            <img src="https://vivoshop-vivofs.vivo.com.cn/vivoshop/actcorner/20190706/29729f4f4bfed84fc07a8f0f0c0fea81.png_w530-h530.png"
                alt="">
            <a href=""><img
                    src="https://shopstatic.vivo.com.cn/vivoshop/commodity/09/10006309_1615606995356_530x530.png.webp"
                    alt=""></a>
            <div class="narrate">
                <p class="name">iQOO 无线运动耳机 悦动黄</p>
                <p class="desc">直降50元</p>
                <p class="prace">
                    <span><b>￥</b>149</span>
                    <span>￥119</span>
                </p>
            </div>
        </div>
        <div>
            <a href=""><img
                    src="https://shopstatic.vivo.com.cn/vivoshop/commodity/77/10006277_1619365761492_530x530.png.webp"
                    alt=""></a>
            <div class="narrate">
                <p class="name">vivo S9 5G版 8GB+256GB 子夜蓝</p>
                <p class="desc">购机享3倍积分（订单完成后发放）</p>
                <p class="prace">
                    <span><b>￥</b>149</span>
                </p>
            </div>
        </div>
        <div>
            <img src="https://vivoshop-vivofs.vivo.com.cn/vivoshop/actcorner/20190523/d028e9b755f541a0fd37ebe63a28db68.png_w530-h530.png"
                alt="">
            <a href=""><img
                    src="https://shopstatic.vivo.com.cn/vivoshop/commodity/49/249_1609320640482_530x530.png.webp"
                    alt=""></a>
            <div class="narrate">
                <p class="name">vivo 18W闪充充电器</p>
                <p class="desc">直降30元</p>
                <p class="prace">
                    <span><b>￥</b>49</span>
                    <span>￥79</span>
                </p>
            </div>
        </div>
        <div>
            <img src="https://vivoshop-vivofs.vivo.com.cn/vivoshop/actcorner/20190523/d028e9b755f541a0fd37ebe63a28db68.png_w530-h530.png"
                alt="">
            <a href=""><img
                    src="https://shopstatic.vivo.com.cn/vivoshop/commodity/23/9923_1591343174176_530x530.png.webp"
                    alt=""></a>
            <div class="narrate">
                <p class="name">vivo XE100原装耳机</p>
                <p class="desc">限时直降</p>
                <p class="prace">
                    <span><b>￥</b>19.9</span>
                    <span>￥39</span>
                </p>
            </div>
        </div>

    </div>
    <!-- 热卖专区标题 -->
    <div class="subject">
        热卖专区
    </div>
    <!-- 热卖专区 -->
    <div class="box-middle">
        <div>
            <a href=""><img
                    src="https://shopstatic.vivo.com.cn/vivoshop/commodity/78/10006278_1614936804425_750x750.png.webp"
                    alt=""></a>
            <p class="middle-name">iQOO Neo5 </p>
            <p class="feature">高通骁龙870+独立显示芯片</p>
            <p class="middle-prace">
                <span><b>￥</b>2699.00</span>
            </p>
        </div>
        <div>
            <a href=""><img
                    src="https://shopstatic.vivo.com.cn/vivoshop/commodity/59/10006159_1608867038538_750x750.png.webp"
                    alt=""></a>
            <p class="middle-name">vivo X60 5G版 </p>
            <p class="feature">蔡司光学镜头</p>
            <p class="middle-prace">
                <span><b>￥</b>3498.00</span>
            </p>
        </div>
        <div>
            <a href=""><img
                    src="https://shopstatic.vivo.com.cn/vivoshop/commodity/99/10006299_1615445673150_750x750.png.webp"
                    alt=""></a>
            <p class="middle-name">iQOO Z3 5G版 </p>
            <p class="feature">高通骁龙768G</p>
            <p class="middle-prace">
                <span><b>￥</b>1799.00</span>
            </p>
        </div>
    </div>
    <!-- 精品手机标题 -->
    <div class="subject">
        精品手机
    </div>
    <!-- 精品手机 -->
    <div class="box-list">
        <ul>
            <li>
                <a href="">
                    <img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/20210317/20210317165657119564_original.jpg.webp"
                        alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/10/10006210_1610522667576_750x750.png.webp"
                        alt="">
                </a>
                <p>vivo X60 Pro+ </p>
                <p>超感光微云台双主摄</p>
                <p>
                    <span><b>￥</b>5998.00</span>
                </p>
            </li>
            <li>
                <a href="">
                    <img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/10/10006310_1615966174459_750x750.png.webp"
                        alt="">
                </a>
                <p>vivo S9e 5G版 </p>
                <p>6400万超清后置</p>
                <p>
                    <span><b>￥</b>2399.00</span>
                </p>
            </li>
            <li>
                <a href="">
                    <img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/40/10006140_1608911369759_750x750.png.webp"
                        alt="">
                </a>
                <p>iQOO U3 </p>
                <p>天玑800U处理器</p>
                <p>
                    <span><b>￥</b>1598.00</span>
                </p>
            </li>
            <li>
                <a href="">
                    <img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/48/10006148_1609834576872_750x750.png.webp"
                        alt="">
                </a>
                <p>vivo Y31s </p>
                <p>5000mAh大电池</p>
                <p>
                    <span><b>￥</b>1598.00</span>
                </p>
            </li>
            <li>
                <a href="">
                    <img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/93/10006293_1615201872171_750x750.png.webp"
                        alt="">
                </a>
                <p>vivo Y30g </p>
                <p>后置AI智慧影像</p>
                <p>
                    <span><b>￥</b>1499.00</span>
                </p>
            </li>
            <li>
                <a href="">
                    <img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/83/10005883_1608877437581_750x750.png.webp"
                        alt="">
                </a>
                <p>vivo Y73s 5G版 </p>
                <p>4800万后置影像系统</p>
                <p>
                    <span><b>￥</b>1988.00</span>
                </p>
            </li>


        </ul>
    </div>
    <!-- 精品挂件标题 -->
    <div class="subject-foot">
        <span>精品挂件</span>
        <ol>
            <a href="">
                <li>手机充电</li>
            </a>
            <a href="">
                <li>手机壳膜</li>
            </a>
            <a href="">
                <li>音乐设备</li>
            </a>
            <a href="">
                <li class="iconfont ">更多 &#xe7e6;</li>
            </a>
        </ol>
    </div>
    <!-- 精品挂件 -->
    <div class="box-list body-foot">
        <ul>
            <li></li>
            <li>
                <a href="">
                    <img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/13/10005713_1609321538895_750x750.png.webp"
                        alt="">
                </a>
                <p>vivo WATCH </p>
                <p>24小时健康监测</p>
                <p>
                    <span><b>￥</b>1299.00</span>
                </p>
            </li>
            <li>
                <a href="">
                    <img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/11/10006311_1616654010571_750x750.png.webp"
                        alt="">
                </a>
                <p>vivo L型闪充编织线 </p>
                <p>支持33W闪充</p>
                <p>
                    <span><b>￥</b>49.00</span>
                </p>
            </li>
            <li>
                <a href="">
                    <img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/83/10005883_1608877437581_750x750.png.webp"
                        alt="">
                </a>
                <p>vivo Y73s 5G版 </p>
                <p>4800万后置影像系统</p>
                <p>
                    <span><b>￥</b>1988.00</span>
                </p>
            </li>
            <li>
                <a href="">
                    <img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/83/10005883_1608877437581_750x750.png.webp"
                        alt="">
                </a>
                <p>vivo Y73s 5G版 </p>
                <p>4800万后置影像系统</p>
                <p>
                    <span><b>￥</b>1988.00</span>
                </p>
            </li>
            <li>
                <a href="">
                    <img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/83/10005883_1608877437581_750x750.png.webp"
                        alt="">
                </a>
                <p>vivo Y73s 5G版 </p>
                <p>4800万后置影像系统</p>
                <p>
                    <span><b>￥</b>1988.00</span>
                </p>
            </li>
            <li>
                <a href="">
                    <img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/83/10005883_1608877437581_750x750.png.webp"
                        alt="">
                </a>
                <p>vivo Y73s 5G版 </p>
                <p>4800万后置影像系统</p>
                <p>
                    <span><b>￥</b>1988.00</span>
                </p>
            </li>
            <li>
                <a href="">
                    <img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/83/10005883_1608877437581_750x750.png.webp"
                        alt="">
                </a>
                <p>vivo Y73s 5G版 </p>
                <p>4800万后置影像系统</p>
                <p>
                    <span><b>￥</b>1988.00</span>
                </p>
            </li>
            <li>
                <a href="">
                    <img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/83/10005883_1608877437581_750x750.png.webp"
                        alt="">
                </a>
                <p>vivo Y73s 5G版 </p>
                <p>4800万后置影像系统</p>
                <p>
                    <span><b>￥</b>1988.00</span>
                </p>
            </li>
        </ul>
    </div>
    <!-- 尾部 -->
    <div class="foot-top">
        <ul>
            <li> <span class="iconfont">&#xe640;</span>官方正品</li>
            <li> <span class="iconfont">&#xe6bf;</span>顺丰极速达</li>
            <li> <span class="iconfont">&#xe62a;</span>全国联保</li>
            <li> <span class="iconfont">&#xe61a;</span>免费制定</li>
        </ul>
    </div>
    <div class="foot-botton">
        <div class="foot-botton-body">
            <ul>
                <li>
                    <dt>热门链接</dt>
                    <dd><a href="">X60 Pro</a></dd>
                    <dd><a href="">S9</a></dd>
                    <dd><a href="">NEX 3S</a></dd>
                    <dd><a href="">vivo摄影</a></dd>
                    <dd><a href="">查找手机</a></dd>
                    <dd><a href="">常见问题</a></dd>
                </li>
                <li>
                    <dt>在线购买</dt>
                    <dd><a href="">官方商城</a></dd>
                    <dd><a href="">选购手机</a></dd>
                    <dd><a href="">选购配件</a></dd>
                    <dd><a href="">企业服务</a></dd>
                    <dd><a href="">以旧换新</a></dd>
                    <dd><a href="">保障服务</a></dd>
                </li>
                <li>
                    <dt>服务支持</dt>
                    <dd><a href="">体验店</a></dd>
                    <dd><a href="">服务首页</a></dd>
                    <dd><a href="">服务网点查询</a></dd>
                    <dd><a href="">真伪查询</a></dd>
                    <dd><a href="">预约维修</a></dd>
                    <dd><a href="">维修配件价格</a></dd>
                    <dd><a href="">服务政策</a></dd>
                    <dd><a href="">安全公告</a></dd>
                    <dd><a href="">环保回收</a></dd>
                </li>
                <li>
                    <dt>vivo社区</dt>
                    <dd><a href="">社区首页</a></dd>
                    <dd><a href="">摄影专区</a></dd>
                    <dd><a href="">新浪微博</a></dd>
                    <dd><a href="">百度贴吧</a></dd>
                    <dd><a href="">兴趣部落</a></dd>
                </li>
                <li>
                    <dt>关于vivo</dt>
                    <dd><a href="">vivo简介</a></dd>
                    <dd><a href="">工作机会</a></dd>
                    <dd><a href="">新闻资讯</a></dd>
                    <dd><a href="">采购平台</a></dd>
                    <dd><a href=""> 供应商协同平台</a></dd>
                    <dd><a href=""> 开发平台</a></dd>
                    <dd><a href=""> 廉政合规</a></dd>
                </li>
            </ul>
            <ol class="foot-botton-rg">
                <a href=""><span class="iconfont">&#xe60f;</span>在线客服</a>
                <p><span class="iconfont">&#xe66e;</span>全国客户服务热线 7*24小时</p>
                <b>400-678-9688</b>
                <p><span class="iconfont">&#xe62d;</span>NEX专属服务热线 7*24小时</p>
                <b>400-678-9688</b>
                <p><span class="iconfont">&#xe608;</span>服务监督邮箱</p>
                <em>vivo@vivo.com</em>
                <p><span class="iconfont">&#xe673;</span>关注vivo</p>
                <ol>
                    <a href="">
                        <li class="iconfont">&#xe618;</li>
                    </a>
                    <a href="">
                        <li class="iconfont">&#xe7e5;</li>
                    </a>
                    <a href="">
                        <li class="iconfont">&#xe63b;</li>
                    </a>
                    <a href="">
                        <li class="iconfont">&#xe649;</li>
                    </a>
                </ol>
            </ol>
        </div>
        <div class="foot-botton-foot">
            ©2011-2021 广东天宸网络科技有限公司版权所有 | 隐私政策 | 法律声明 | 营业执照 | 粤B2-20150324 | 粤ICP备14052990号| 粤公网安备 44190002004246号
            <span>Select Location <em class="iconfont">&#xe670;</em></span>
        </div>
    </div>
    <!-- 右侧悬浮框 -->
    <div class="fiexbox">
        <li class="iconfont carts">&#xe607;</li>
        <li class="iconfont">&#xe62d;</li>
        <li class="iconfont">&#xe666;</li>
        <li class="iconfont go">&#xeb1e;</li>
    </div>
</body>
<script src="./node_modules/jquery/dist/jquery.js"></script>
    <script src="./layer/layer.js"></script>
    <script src="./js/cookie.js"></script>
    <!-- 六个页面动态效果一样的，都放入其中 -->
    <script src="./js/js.js"></script>
    <script src="./js/home.js?a=9"></script>
</html>